<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>My monitor</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/view.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
<!--     <link rel="stylesheet" type="text/JavaScript" href="../static/js/jquery-3.5.1.js">-->
<script type="text/JavaScript" src="{{ url_for('static',filename='/js/jquery-3.5.1.js') }}"></script>
    <script type="text/javascript" src="../static/layui/layui.js"></script>

</head>
<body class="layui-layout-body"  >

<div class="layui-layout layui-layout-admin">
   <div class="layui-header sideback">
        <div class="layui-logo"><i class="layui-icon" >&#xe65d;</i>  宿舍监控管理系统</div>

        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item" >
                <a href="javascript:;" name="side"><i class="layui-icon">&#xe668;</i></a>
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a href="/main"><i class="layui-icon" style="font-size: 20px;">&#xe68e;</i>&nbsp home</a></li>

            <li class="layui-nav-item"><a href="/exit"><i class="layui-icon" style="font-size: 15px; color: #1E9FFF;">&#xe682;</i>退出</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black sideback">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree sidestyle"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;"><i class="layui-icon" >&#xe68e;</i>  <span>查看宿舍</span></a>
                <dl class="layui-nav-child">
                <dd ><a href="roomstatus"><i class="layui-icon" >&#xe68c;</i>  <span>宿舍状态</span></a></dd>
                <dd ><a href="#"><i class="layui-icon" >&#xe613;</i>  <span>宿舍成员</span></a></dd>
                 <dd ><a href="records"><i class="layui-icon" >&#xe6ed;</i>  <span>监控记录</span></a></dd>
                </dl>
                </li>

                <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;"><i class="layui-icon" >&#xe615;</i>  <span>个人空间</span></a>
                <dl class="layui-nav-child">
                <dd ><a href="vieweditaccount"><i class="layui-icon" >&#xe66f;</i>  <span>我的信息</span></a></dd>

                <dd ><a href="/viewtimetable"><i class="layui-icon" >&#xe62d;</i>  <span>我的课表</span></a></dd>
                </dl>
                </li>

            </ul>
        </div>
    </div>
<div class="layui-body">
        <!-- 内容主体区域 -->
        <div class="container">
        <!-- 宿舍状态 -->
        <div class="container__form" style="color: black;font-weight: bolder">
            <form action="/editaccount" class="form" id="form1"  >
                <h2 class="form__title" style="font-weight: bolder">个人信息</h2>
                <span>{{msg}}</span>
                <span>
                Username:<input type="text" name="username" id="username" value="{{user.username}}" class="input" readonly="readonly" />
                </span>
                <span>
                Password:<input type="password" name="password" id="password"  class="input" />
<!--                    style="border: 2px solid black;border-radius: var(&#45;&#45;button-radius);height: 20px;width: 100px"-->
                </span>
                <span>
                Repeat Password:<input type="password" name="passwordr" id="passwordr"  class="input" />
                </span>
                <span>
                Telephone:
                <input type="text" name="telephone" id="telephone" value="{{user.telephone}}" class="input" style="width: 100px"/>
                </span>
                <span>
                RoomID:
                <input type="text"  name="roomid" id="roomid" value="{{user.roomid}}" class="input" />
                </span>





<script src="/static/build/layui.js"></script>
<script>
layui.use('upload', function(){
  var upload = layui.upload;

  //执行实例
  var uploadInst = upload.render({
    elem: '#test1' //绑定元素
    ,url: '/upload/' //上传接口
    ,done: function(res){
      //上传完毕回调
    }
    ,error: function(){
      //请求异常回调
    }
  });
});
</script>

                <input type="submit"  class="btn" value="保存修改"/>
            </form>
        </div>



    </div>
</div>

    <div class="layui-footer">
        <div class="section">
            <p><sub>Copyright <a href="http://www.csu.edu.cn">Central South University</a> </sub></p>
        </div>
    </div>
</div>


<script src="../static/layui/layui.js"></script>
<script>
//注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;

  //…
});
</script>
</body>
</html>

